﻿@{
    ViewBag.Title = "Login";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section featured {
    <section class="featured">
        <div class="content-wrapper">
            <hgroup class="title">
                <h1>@ViewBag.Title.</h1>
                <h2>@ViewBag.Message</h2>
            </hgroup>
        </div>
    </section>
}
<link href='http://fonts.googleapis.com/css?family=Cuprum&subset=latin' rel='stylesheet' type='text/css'>

<div id="site-container">
    <div id="main-container">
        <div id="login-box">
            <h3>Login</h3>
            <form action="Register" method="post" id="loginForm">
                <p>Name:
                    <input type="text" name="name-field" id="login-name-field" /></p>
                <p>Password:
                    <input type="password" name="password-field" id="login-password-field" /></p>
                <input type="submit" class="loginButton" value="Log in" />
            </form>
        </div>

        <div id="make-account">
            <h3>Sign up.</h3>
            <form action="Register" method="post" id="registerForm">
                <p>Name:
                    <input type="text" name="name-field" id="name-field" /></p>
                <p>Password:
                    <input type="password" name="password-field" id="password-field" /></p>
                <p>Email:
                    <input type="text" name="email-field" id="email-field" /></p>
                <input type="submit" class="registerButton" value="Create" />
            </form>
        </div>
    </div>

    <div id="confirmOverlay">
        <div id="confirmBox">
            <h1>Successful registration</h1>
            <p>You can now log in and start playing</p>

            <div id="confirmButtons">
                <a class="okButton" href="#">Ok<span></span></a>
            </div>
        </div>
    </div>
</div>
